<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type = "text/css">
        #id001{
            border: solid 1px yellow;
            font-size:30px;
            color: blue;
        }
        #id002{
            border:dashed 5px blue;
            color : red;
            font-size:20px;
        }
    </style>
</head>
<body>
<!--需求 1：分别定义两个 div 标签，-->
<!--第一个 div 标签定义 id 为 id001 ，然后根据 id 属性定义 css 样式修改字体颜色为蓝色，-->
<!--字体大小 30 个像素。边框为 1 像素黄色实线。-->
<!--第二个 div 标签定义 id 为 id002 ，然后根据 id 属性定义 css 样式 修改的字体颜色为红色，字体大小 20 个像-->
<!--素。边框为 5 像素蓝色点线。-->
    <div id = "id001">标签1</div>
    <div id = "id002">标签2</div>
</body>
</html>